<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>周迪的个人博客</title>

  <!-- keywords -->
  

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="爱做白日梦的小小白">
<meta property="og:type" content="website">
<meta property="og:title" content="周迪的个人博客">
<meta property="og:url" content="http://yoursite.com/page/2/index.html">
<meta property="og:site_name" content="周迪的个人博客">
<meta property="og:description" content="爱做白日梦的小小白">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="周迪的个人博客">
<meta name="twitter:description" content="爱做白日梦的小小白">
  
    <link rel="alternative" href="/atom.xml" title="周迪的个人博客" type="application/atom+xml">
  
  
    <link rel="icon" href="http://7xkj1z.com1.z0.glb.clouddn.com/head.jpg">
  
  <link rel="stylesheet" href="/css/style.css">
  
  

  <script src="//cdn.bootcss.com/require.js/2.3.2/require.min.js"></script>
  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

  
</head>
<body>
  <div id="container">
    <div id="particles-js"></div>
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
	<header id="header" class="inner">
		<a href="/" class="profilepic">
			
			<img lazy-src="http://7xkj1z.com1.z0.glb.clouddn.com/head.jpg" class="js-avatar">
			
		</a>

		<hgroup>
		  <h1 class="header-author"><a href="/">周迪</a></h1>
		</hgroup>

		
		<p class="header-subtitle">周迪的个人博客</p>
		

		
			<div class="switch-btn">
				<div class="icon">
					<div class="icon-ctn">
						<div class="icon-wrap icon-house" data-idx="0">
							<div class="birdhouse"></div>
							<div class="birdhouse_holes"></div>
						</div>
						<div class="icon-wrap icon-ribbon hide" data-idx="1">
							<div class="ribbon"></div>
						</div>
						
						<div class="icon-wrap icon-link hide" data-idx="2">
							<div class="loopback_l"></div>
							<div class="loopback_r"></div>
						</div>
						
						
					</div>
					
				</div>
				<div class="tips-box hide">
					<div class="tips-arrow"></div>
					<ul class="tips-inner">
						<li>菜单</li>
						<li>标签</li>
						
						<li>友情链接</li>
						
						
					</ul>
				</div>
			</div>
		

		<div class="switch-area">
			<div class="switch-wrap">
				<section class="switch-part switch-part1">
					<nav class="header-menu">
						<ul>
						
							<li><a href="/">主页</a></li>
				        
							<li><a href="/archives">所有文章</a></li>
				        
						</ul>
					</nav>
					<nav class="header-nav">
						<div class="social">
							
						</div>
					</nav>
				</section>
				
				
				<section class="switch-part switch-part2">
					<div class="widget tagcloud" id="js-tagcloud">
						
					</div>
				</section>
				
				
				
				<section class="switch-part switch-part3">
					<div id="js-friends">
					
			          <a target="_blank" class="main-nav-link switch-friends-link" href="https://github.com/smackgg/hexo-theme-smackdown">smackdown</a>
			        
			        </div>
				</section>
				

				
			</div>
		</div>
	</header>				
</div>
    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
  	<div class="overlay">
  		<div class="slider-trigger"></div>
  		<h1 class="header-author js-mobile-header hide">周迪</h1>
  	</div>
	<div class="intrude-less">
		<header id="header" class="inner">
			<div class="profilepic">
				<img lazy-src="http://7xkj1z.com1.z0.glb.clouddn.com/head.jpg" class="js-avatar">
			</div>
			<hgroup>
			  <h1 class="header-author">周迪</h1>
			</hgroup>
			
			<p class="header-subtitle">周迪的个人博客</p>
			
			<nav class="header-menu">
				<ul>
				
					<li><a href="/">主页</a></li>
		        
					<li><a href="/archives">所有文章</a></li>
		        
		        <div class="clearfix"></div>
				</ul>
			</nav>
			<nav class="header-nav">
				<div class="social">
					
				</div>
			</nav>
		</header>				
	</div>
</nav>
      <div class="body-wrap">
  
    <article id="post-智慧星/service-3" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/service-3/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.666Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>�ޱ����ĵ�</title>
<link href="css.css" rel="stylesheet" type="text/css">
<link href="style/css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/tab.js"></script>
<script type="text/javascript" src="style/js/nav.js"></script>
</head>

<body>
<table width="1272" border="0" align="center" cellpadding="0" cellspacing="0" style="width:1000px; margin:0 auto;">  
  <tr>
    <td height="223" valign="top" bgcolor="#FFFFFF"><table width="1098" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="288" height="327" valign="top"><table width="100%" height="79" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="58">&nbsp;</td>
          </tr>
        </table>
          <table width="273" height="287" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="245" height="287" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="235" height="49" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td background="images/aboutmenua.jpg" class="about1"><a href="service-1.html">�ۺ�����</a></td>
                  </tr>
                </table>
                  <table width="100" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="images/aboutmenuLINE.jpg" width="235" height="2"></td>
                    </tr>
                  </table>
                  <table width="235" height="47" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td background="images/aboutmenu1.jpg" class="about1"><a href="service-2.html">��ϵ����</a></td>
                    </tr>
                  </table>
                  <table width="100" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="images/aboutmenuLINE.jpg" width="235" height="2"></td>
                    </tr>
                  </table>
                
               
                  <table width="235" height="49" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td background="images/aboutmenu2a.jpg" class="about"><a href="service-3.html">��������</a></td>
                    </tr>
                  </table></td>
                <td valign="top" background="images/aboutmenu-right2.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><img src="images/aboutmenu-right1.jpg" width="10" height="23"></td>
                  </tr>
                </table></td>
              </tr>
            </table>
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><img src="images/aboutmenu-right4.jpg" width="245" height="9"></td>
                </tr>
              </table></td>
            <td width="28" valign="top">&nbsp;</td>
          </tr>
          
        </table></td>
        <td width="810" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><div class="downright fr">
<div class="downtit"> <img src="style/images/down_tit.png">
  <div class="downser fr">
    <input type="text" value="�����ؼ���" onblur="if (value ==''){value='�����ؼ���'}" onclick="if(this.value=='�����ؼ���'){this.value='';}">
    <a class="inputser"></a></div>
</div>

<!--��������-->
<div class="tab1" id="tab1">
<div class="menu">
  <ul>
    <li id="one1" onclick="setTab('one',1)" class="off">ͼƬ����<i class="tab_hover"></i></li>
    <li id="one2" onclick="setTab('one',2)">��������<i class="tab_hover" style="left:35%;"></i></li>
    <li id="one3" onclick="setTab('one',3)">˵��������<i class="tab_hover" style="left:60%;"></i></li>
    <li id="one4" onclick="setTab('one',4)">��װ��Ƶ����<i class="tab_hover" style="left:85%;"></i></li>
  </ul>
</div>
<div class="menudiv">
<!--ͼƬ����-->
<div id="con_one_1">
<ul class="downlist">
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<ul class="downlist">
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
<ul class="downlist">
  <li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>������7661</font><span class="fr"></span></a></li>
</ul>
</ul></ul></div>
<!--ͼƬ���ؽ���--> 
<!--��������-->
<div id="con_one_2" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>ѧ����7661</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--�������ؽ���--> 

<!--˵����Ƭ����-->
<div id="con_one_3" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>��̤��7661</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--˵�������ؽ���--> 

<!--��װ��Ƶ����-->
<div id="con_one_4" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>������</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--��װ��Ƶ���ؽ���--> 

<!--ҳ��-->
<div class="page">
  <ul>
    <li><a class="last"></a><a>1</a><a class="cur">2</a><a>3</a><a>4</a><a>5</a><a>6</a><a class="next"></a></li>
  </ul>
</div>
<!--ҳ������-->

</div>
</div>

</div>
<div class="clear"></div>


<!--�������Ľ���--> 


<!--������-->
<script type="text/javascript" src="sylte/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/jquery.nicescroll.js"></script>
<script type="text/javascript">
$("#sucai").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>
<script type="text/javascript">
$("#sucai1").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>

</td>
          </tr>
        </table>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>&nbsp;</td>
            </tr>
          </table></td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-智慧星/style/css/ThinkBox" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/style/css/ThinkBox/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.666Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        /**********************************************
 ****************** 全局样式 ******************
 **********************************************/
/* 弹出框属性 */
.ThinkBox-wrapper{
    position:absolute;
    width: auto;
}
.ThinkBox-wrapper table{
    width: auto;
}
.ThinkBox-wrapper.fixed{
    position:fixed;
}
.ThinkBox-modal-blackout{
    position:absolute;
    left:0; 
    top:0;
}

/**********************************************
 **************** 默认皮肤样式 ****************
 **********************************************/

/* 默认模态窗口背景样式 */ 
.ThinkBox-modal-blackout.default{
    background-color: #000;
    opacity: .5;
    filter:alpha(opacity=50);
} 
.ThinkBox-default{
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #BEBEBE;
}
/* 默认边框样式 */
.ThinkBox-default .box-top-left, 
.ThinkBox-default .box-top-right, 
.ThinkBox-default .box-bottom-right, 
.ThinkBox-default .box-bottom-left{
    width: 6px;
    height: 6px;
}
.ThinkBox-default .box-top-left{
    border-top-left-radius: 6px;
    background: #F3F3F3;
}
.ThinkBox-default .box-top-right{
    border-top-right-radius: 6px;
    background: #F3F3F3;
}
.ThinkBox-default .box-top,.ThinkBox-default .box-bottom,
.ThinkBox-default .box-title-left,.ThinkBox-default .box-title-right,
.ThinkBox-default .box-tools-left,.ThinkBox-default .box-tools-right{
    background: #F3F3F3;
}
.ThinkBox-default .box-title-left,.ThinkBox-default .box-title-right{
    border-bottom: 1px solid #E5E5E5;
}
.ThinkBox-default .box-tools-left,.ThinkBox-default .box-tools-right{
    border-top: 1px solid #E5E5E5;
}
.ThinkBox-default .box-left,.ThinkBox-default .box-right{
    background: #fff;
}
.ThinkBox-default .box-bottom-right{
    border-bottom-right-radius: 6px;
    background: #F3F3F3;
}
.ThinkBox-default .box-bottom-left{
    border-bottom-left-radius: 6px;
    background: #F3F3F3;
}
.ThinkBox-default .box-top, 
.ThinkBox-default .box-bottom{
    height: 6px;
    padding:0;
}
.ThinkBox-default .box-left, 
.ThinkBox-default .box-right{
    width: 0;
    padding:0;
}

/* 默认标题栏样式 */
.ThinkBox-default .ThinkBox-title-inner{
    background-color:#F3F3F3;
    padding-left: 6px;
    text-align: left;
    line-height: 18px;
    height: 18px;
    padding-bottom: 6px;
    color: #ff0099; 
    font-weight: bold;
    border-bottom: 1px solid #E5E5E5;
}
.ThinkBox-default .ThinkBox-title-inner.dragging{
    cursor:move;
}
.ThinkBox-default .ThinkBox-title-inner span{
    font-size:14px;
    color: #4C4C4C;
    margin:0;
    padding:0;
}

/* 默工具栏样式 */
.ThinkBox-default .ThinkBox-tools .box-tools-left, 
.ThinkBox-default .ThinkBox-tools .box-tools-right{
    width: 0;
}
.ThinkBox-default .ThinkBox-tools-inner{
    background-color:#F3F3F3;
    padding: 6px 6px 0;
    text-align: right;
    height: 30px;
    color: #ff0099;
    font-weight: bold;
    border-top: 1px solid #E5E5E5;
}


/* 默认内容区域样式 */
.ThinkBox-default .ThinkBox-inner{
    background-color:#FFF;
    padding:0;
    vertical-align: top;
}

/* 默认关闭按钮样式 */
.ThinkBox-default .ThinkBox-close{
    height: 9px;
    width: 9px;
    background: url(../img/close.png) no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    line-height: 99px;
    overflow: hidden;
}
.ThinkBox-default .ThinkBox-close:hover{
    background-position: -21px 0;
}
/**********************************************
 ************** ThinkBox1皮肤样式 *************
 **********************************************/
.ThinkBox-ThinkBox1 .ThinkBox-inner{ background: #fff; }
.ThinkBox-ThinkBox1 .box-top-left,.ThinkBox-ThinkBox1 .box-top-right,.ThinkBox-ThinkBox1 .box-bottom-left,.ThinkBox-ThinkBox1 .box-bottom-right{ width: 6px; height: 6px; overflow: hidden; background: #000; opacity: 0.2; filter: alpha(opacity=20); }
.ThinkBox-ThinkBox1 .box-top,.ThinkBox-ThinkBox1 .box-bottom{ height: 6px; overflow: hidden; background: #000; opacity: 0.2; filter: alpha(opacity=20); }
.ThinkBox-ThinkBox1 .box-left,.ThinkBox-ThinkBox1 .box-right,.ThinkBox-ThinkBox1 .box-title-left,.ThinkBox-ThinkBox1 .box-title-right{ width: 6px; overflow: hidden; background: #000; opacity: 0.2; filter: alpha(opacity=20); }
.ThinkBox-ThinkBox1 .ThinkBox-close{ display: inline-block; position: absolute; line-height: 9999px; overflow: hidden; top: 12px; right: 15px; width: 18px; height: 18px; cursor: pointer; background: url(../img/close1.gif) no-repeat 0 0; }
.ThinkBox-ThinkBox1 .ThinkBox-close:hover{ background-position: 0 -20px; }
.ThinkBox-ThinkBox1 .ThinkBox-title-inner{ height: 30px; line-height: 30px; text-indent: 12px; font-size: 14px; font-weight: bold; background: #F2F2F2; border-bottom: 1px solid #CCCCCC; }
/**********************************************
 *************** 无边框皮肤样式 ***************
 **********************************************/

/* 无边框皮肤边框样式 */
.ThinkBox-wrapper.bordernone .box-top-left, 
.ThinkBox-wrapper.bordernone .box-top-right, 
.ThinkBox-wrapper.bordernone .box-bottom-right, 
.ThinkBox-wrapper.bordernone .box-bottom-left{
    width: 0;
    height: 0;
    padding: 0;
}
.ThinkBox-wrapper.bordernone .box-top, 
.ThinkBox-wrapper.bordernone .box-bottom{
    height: 0;
    padding:0
}
.ThinkBox-wrapper.bordernone .box-left, 
.ThinkBox-wrapper.bordernone .box-right{
    width: 0;
    padding:0
}


/**********************************************
 ************** ThinkBox ui 样式 **************
 **********************************************/
/* 提示框样式 */
.ThinkBox-tips{
    height: 62px;
    background-image: url(../img/tips-bg.gif);
    padding: 0 20px 0 70px;;
    background-repeat: no-repeat;
    line-height: 62px;
    font-size: 14px;
    font-weight: 700;
    width: auto;
	white-space: nowrap;
}
/* 弹出成功框样式 */
.ThinkBox-success{
    color: green;
}
/*加载中样式*/
.ThinkBox-load-loading{ width: 280px;height: 80px; line-height: 9999px; overflow: hidden; background: url(../img/tips_loading.gif) no-repeat center center; }
/* 弹出错误框样式 */
.ThinkBox-error{
    color: red;
    background-position: 0 -62px;
}
/* 弹出加载框样式 */
.ThinkBox-loading{
    color: black;
    background-image: url(../img/tips_loading.gif);
    background-position: 20px 15px;
}
/*确认提示信息*/
.ThinkBox-wrapper .confirm{
    width: auto!important;
    width: 180px;
    min-width: 180px; 
    margin: 12px 6px;
    padding: 12px 0 0 40px;
    color: #333;
    line-height: 20px;
    min-height: 40px;
    height: auto!important;
    height: 40px;
    background: url(../img/ico.png) no-repeat 0 -42px;
}
/*表情*/
.ThinkBox-face .face-group:after{ display: block; height: 0; width: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden; }
.ThinkBox-face .face-group{ padding-top: 6px; border-bottom: 1px solid #ccc; zoom: 1; margin: 6px 6px; }
.ThinkBox-face .face-group li{ margin-left: 6px; margin-bottom: -1px; cursor: pointer; line-height: 24px; float: left; height: 24px; padding: 1px 12px; font-size: 14px; }
.ThinkBox-face .face-group .ac{ border: 1px solid #ccc; border-bottom-color: #fff; padding: 0 11px; font-weight: bold; }
.ThinkBox-face table{ margin: 6px; }
.ThinkBox-face table td{ padding: 2px; }
/*视频*/
.plugin-video{ padding: 6px 12px 12px; line-height: 20px; }
.plugin-video .text{ height: 16px; line-height: 16px; padding: 3px; width: 180px; border: 1px solid #ccc; vertical-align: top; }
.plugin-video .button{ width: 48px; height: 24px; color: #fff; background: #51ABE5; border: 1px solid #549CD8; vertical-align: top; margin-left: 6px; }
/*音乐*/
.plugin-music{ padding: 6px 12px 12px; line-height: 20px; }
.plugin-music .text{ height: 16px; line-height: 16px; padding: 3px; width: 180px; border: 1px solid #ccc; vertical-align: top; }
.plugin-music .button{ width: 48px; height: 24px; color: #fff; background: #51ABE5; border: 1px solid #549CD8; vertical-align: top; margin-left: 6px; }
/*图片*/
.plugin-images{ padding: 6px 12px 0; line-height: 20px; }
/*默认弹出层工具条*/
.ThinkBox-default .ThinkBox-tools-inner .ok{ cursor: pointer; width: 48px; height: 24px; border: 1px solid #3079ED; border-radius: 3px; background: #4889F2; color: #fff; margin-right: 6px; }
.ThinkBox-default .ThinkBox-tools-inner .cancel,.ThinkBox-default .ThinkBox-tools-inner .no{ cursor: pointer; width: 48px; height: 24px; border: 1px solid #C0C0C0; background: #DCDCDC; border-radius: 3px; }
/*alert弹出框样式*/
.ThinkBox-default .alert{ padding: 12px; line-height: 24px; }


      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-智慧星/style/css/style" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/style/css/style/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.666Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        @charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}


/** 设置默认字体 **/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body,
button, input, select, textarea /* for ie */ {
    font:100% Microsoft Yahei,微软雅黑, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}
body{font-size: 12px; min-width:1272px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size:100%;} 
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 10px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none outside none;margin: 0;padding: 0;}
button, input {line-height: normal;}
button, input, select, textarea {font-size: 100%;margin: 0;outline: 0 none;vertical-align: baseline;}
i, em, cite, u{ font-style: normal; }

/** 重置文本格式元素 **/
a { text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.warp{ width:100%;}
.con{ width:1000px; margin:0 auto;}

/*导航*/
.head{ height:160px;}
.top{ height:110px; margin-top:20px;}
.nav{ height:50px; background:url(../images/nav_bg.jpg) repeat-x; width:100%;} 
.top_wx, .top_car{ background:url(../images/top_icon.png) no-repeat; display:block; width:30px; height:30px;}
.top_car{ background-position: -35px 0px;}

.top_wx{ position:relative;}
.top_wx:hover{background:url(../images/top_icon.png) no-repeat; background-position:-0px -26px;}
.top_wx p{ display:none; position:absolute; top: 30px; left: -50px; z-index:10;}
.top_wx:hover p{ display:block;}
.top img{ float:left;}

.top_right ul{ margin-top:40px;}
.top_right ul li{ float:left; color:#8b8b8b; font-size:14px; margin-left:8px;}
.top_right ul li input{border: 1px solid #bebebe;
    border-radius: 20px;
    height: 30px;
    width: 200px; padding-left: 20px; color:#424242;}
	.inputser{ background:url(../images/top_icon.png) no-repeat; display:block; width:28px; height:28px;  background-position:-60px  0px;    position: absolute;
    right: 10px;
    top: 2px;}
	
.nav .con li{ width: 16%;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;}
.nav .con li em{ display:block; width:1px; background:#fff; height:30px; float:left;}
.nav .con li a{ color:#676767; font-size:16px; width:99%; display: block; float:left;}
.nav li a.active, .nav li a:hover{ color:#663398;}


/*下载中心*/
.fwbn{ text-align:center;}
.fwbn a{ display:block; width:100%; height:719px;}


.xfnav{
    position: absolute; top:30px;}

.xfnav dd{ float:left; color:#505050; margin-top:10px; width:180px; line-height:25px; font-size:14px;text-align: center;}
.xfnav .xf_line{ float:left; background:url(../images/line_xf.png) no-repeat; display:block; width:10px; height:100px;}


/*底部*/
 .section-5{background: #f5f5f5; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-bottom:15px; }



 .section-5 .section-wrapper{height: 278px;}



 .section-5 .section-wrapper ul{padding-top: 40px;}



 .section-5 .section-wrapper ul li span{float: left;height: 170px;width: 1px;overflow: hidden;background: #474747;margin: -175px 40px 0px 150px;}



 .section-5 .section-wrapper ul li span.m-top{margin-top: -85px;}



 .section-5 .section-wrapper ul li{float: left; text-align: left;font-size: 14px;
    line-height: 30px;padding-right: 20px;}



 .section-5 .section-wrapper ul li a{color: #3a3a3a;}



 .section-5 .section-wrapper ul li a:hover{color:#551d7e;}



 .section-5 .section-wrapper ul li dl dt{color: #000;font-size: 18px;border-bottom: 1px solid #d9d9d9;}



 .section-5 .section-wrapper ul li dl dd img{vertical-align: middle;padding-left:8px; }




.fo_yl{ width:300px;}
.fo_yl ul{ padding-top:0px!important;}
.fo_yl ul li {
    width: 50%;
    overflow: hidden;
    padding-right: 0px!important;line-height: 25px!important;
}
.fo_yl ul li a{ color:#838383!important;}
.fo_yl ul li a:hover {color:#551d7e!important;}
.fo_yl dd{ width:150px; float:left;}

.fo_doicon{ display:block; width:20px; height:20px; background:url(../images/fo_doicon.png) no-repeat; float:left; margin-top:5px; margin-left: 10px;}

.fo_copy{ display:block; width:100%; text-align:center; color:#282828;}
.zxyy{ width:172px; height:50px; float:left; margin-left:80px;}



.poin{ display:block; width:8px; height:8px; background:#000; border-radius:20px; float:left;
    margin-top: 12px;
    margin-right: 5px;}

.zxyy img{ width:67px;}

/*页码*/
.leftnow{ display:block; width:10px; height:20px; margin-top:18px; float:left; background:url(../images/nexicon_fff.png) no-repeat;}

.page { float:right; margin:20px;}
.page ul li a{ display: block;
    width: 28px;
    height:25px;
    float: left;
    text-align: center;
    line-height: 25px;     margin: 0px 8px;}
.page ul li a.last{ background:url(../images/page_last.png) no-repeat; display:block; width:20px; height:20px; padding:0px;     margin-top: 3px;}
.page ul li a.next{ background:url(../images/page_next.png) no-repeat; display:block; width:20px; height:20px; padding:0px;     margin-top: 3px;}
.page ul li a.last:hover{ background:url(../images/page_last.png) no-repeat!important;}
.page ul li a.next:hover{ background:url(../images/page_next.png) no-repeat!important;}
.page ul li a.cur, .page ul li a:hover{ background:url(../images/page_bg.png) no-repeat; color:#fff;}

/*产品中心*/
.downleft{ width:235px; }
.downright{ width:800px;}

.downleft ul{ width:240px; height:155px; border-radius: 10px;/*  border:1px solid #878787; background:#f1f1f1;  background:url(../images/down_bg.png) no-repeat; */}

.downleft ul li{ width:204px;  height: 50px; line-height: 50px; padding-left: 30px; font-size:16px; border-bottom:1px dashed #b7b8b8;  background:url(../images/down_bg.png) no-repeat; background-position:0px -50px;}
.downleft ul li:first-child{ background:url(../images/down_bg.png) no-repeat; background-position:0px 0px;}
.downleft ul li:last-child{  background:url(../images/down_bg.png) no-repeat;  background-position:0px -103px;}


.downleft ul li span{ float:left; margin-right:30px;}
.downleft ul li a{ color:#505050;}
.downleft ul li.on, .downleft ul li:hover{ color:#fff; }
.downleft ul li.on a, .downleft ul li:hover a{ color:#fff;}

.downser{ position:relative;}
.downser input{border: 1px solid #bebebe;
    border-radius: 20px;
    height: 30px;
    width: 200px; padding-left: 20px; color:#424242;}
.downser .inputser{ background:url(../images/top_icon.png) no-repeat; display:block; width:28px; height:28px;  background-position:-60px  0px;    position: absolute;
    right: 30px;
    top: 2px;}
.downtit img{ width:60%; float:left;}
.downcon{ padding:30px 0px; background:#fff; width:1050px; margin:0 auto;}

/*切换*/

.tab1{border-top:#cccccc solid 1px;margin:50px auto 0 auto;}
.menu{height:48px; background:#6f5da6; position:relative;}
.menu li{float:left;width:25%;text-align:center;line-height:48px;height:48px;cursor:pointer;color:#c1c0c0;font-size:18px;overflow:hidden;background:#6F5DA6; }
.menu li.off{background:#6F5DA6;color:#fff;font-weight:bold;}

.menudiv{background:#fefefe; margin-top:30px;}
.menudiv div{line-height:28px;}

.tab_hover{background:url(../images/down_tab.png) no-repeat;    width: 30px;
    height: 20px;
    position: absolute;
    display: none;
    left: 10%;
    bottom: -20px;}
	
.menu li.off .tab_hover{ display:block;}
.downlist li{ background:#cdcdcd; width:100%; height:35px; line-height:35px; clear:both;}
.downlist li i{ display:block; width:30px; height:30px; background:url(../images/file.png) no-repeat; float:left; margin:5px 15px;}
.downlist li font{ color:#505050; float:left; font-size:16px;}
.downlist li span{ float:right; display:block; width:15px; height:30px; background:url(../images/down.png) no-repeat;     margin: 5px 25px;}


/*焦点图*/
/* banner-box */
.banner-box{min-width:1000px;height:719px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:719px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:270px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:410px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


/*产品中心*/
.pronav{ background:url(../images/prnav_bg.png) repeat-x; height:80px;}
.pronav ul li{ float:left;height: 80px;
    line-height: 80px; }
.pronav_line{ float:left; width:25px; height:80px; background:url(../images/prnav_line.png) no-repeat; margin:0px 30px;}
.pronav ul li a{height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #888888;}
.pronav ul li a img{float: right;
    margin-left: 20px;
    margin-top: 8px;}
.navnow{ color:#6f5da6!important;}


/*导航下拉菜单*/
/*导航下拉菜单*/
#nav-block {
	position: absolute;
	top: 50px;
	z-index: 100;
	width: 100%;
	 background: url(../images/xfnav_bg.png) repeat-x;
}
#subnav {
	display: none;
	width: 100%;
	min-height: 99px;
	margin: 0 auto;
	padding-top: 15px;
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
}
#subnav .item {
	width: 0px;
	margin: 0 auto;
	display: none
}
#subnav .active {
	display: block
}
#subnav .Cross {
	width: 100%;
	margin-left: 40px;
	line-height: 48px;
	display: block;
	min-height: 50px;
	clear: both;
}
#subnav .Cross dt {
	width:200px;
	float:left;
	margin-bottom: 5px;
	font-size: 18px;
	color: #333;
}
#subnav .Cross dd {
	float:left;
	min-width:180px;
}
#subnav .Cross .product img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
#subnav .Cross a {
	display: inline-block;
	width: auto;
	color: #666;
	font-size:14px;
}
#subnav .Cross a:hover {
	color: #23ac38
}
#subnav .cate {
	display: inline;
	line-height: 48px
}
#subnav .cate a {
	display: inline-block;
	width: auto;
	color: #666
}
#subnav .cate a:hover {
	color: #541F7F;
}
#subnav .cate .title {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333
}
#subnav .cate .product {
	line-height: 40px;
	margin-bottom: 15px;
	font-size: 14px
}
#subnav .cate .product img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px
}
#subnav .cate .link {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 14px
}
#subnav .mul-link .link {
	float: left;
	width: 90px
}
#subnav .col3 .cate {
	width: 260px
}
#subnav .game .cate {
	width: 258px;
	padding-left: 26px;
	margin-left: 0
}
#subnav .game .cate .link a {
	float: left;
	height: 16px;
	line-height: 16px;
	margin-bottom: 15px
}
#subnav .game .cate .col3 {
	margin-left: -45px
}
#subnav .game .cate .col3 a {
	display: inline;
	margin-left: 45px
}
#subnav .game .cate .col5 {
	margin-left: -29px
}
#subnav .game .cate .col5 a {
	display: inline;
	margin-left: 29px
}
#subnav .game .game-nav {
	clear: both;
	padding-left: 26px;
	font-size: 18px
}
#subnav .game .game-nav a {
	width: auto;
	display: inline;
	color: #333;
	margin-right: 30px
}
#subnav .game .game-nav a:hover {
	color: #23ac38
}
#subnav .game .game-nav i {
	margin: 0 6px;
	color: #999
}

.pronav_list dt{ float:left;}

.pronav_list { top:25px;}
.pronav_list h3{     font-weight: bold;
    text-align: left;
    padding-left: 25px;}
.pronav_list dd{ margin-top:0px;}
.pronav_list  .ab li{ width:25%; float:left;}
.pronav_list ol{ display:block; height:60px; overflow:hidden; overflow-y: scroll; line-height:20px;}
.pronav_list .next{ display:none;}
.pro_cur{ color:#663398!important;}
.pro_cur .next{background: url(../images/page_next_h.png) no-repeat!important; background-size:100% 100%!important;display: block;
    width: 10px;
    height: 15px;
    padding: 0px;
    margin-top: 3px;
    float: left; margin-right:5px;}


/*产品中心*/
.protab{ width:1000px; margin:0 auto; margin-top:30px; background:#fff;}
.protab_menu{ border-bottom: 3px solid #888;
    width: 100%;
    height: 130px;}
.protab_menu li { float: left;
    width: 100px;
    margin-right: 20px;
/*position:relative;right:50%;*/
	text-align:center; font-size:16px;
	height:130px;
	font-family: 'MyNewFont';	
	color:#888;
	
	 }
   
 .protab_menu ul  {
	 float:left;/*position:relative;left:50%;*/
	 	  display: block;
    width: auto;
    height: 133px;
    margin: 0 auto;}
.protab_menu li img{ width:100px;  border-right: 1px solid #949494;}

 .protab_menu li.off{ border-bottom: 3px solid #6f5da6; position:relative; color:#6f5da6;}
  .protab_menu li.off i{ display:block; width:30px; height:15px; background:url(../images/down_tab.png) no-repeat; position: absolute;bottom: -15px;left: 35%;}
  

.prodetail_left{ width:120px; float:left; margin-top:20px; margin-left:30px;}
.prodetail_left ul li img{ width:114px; height:114px;}
.prodetail_left ul li a{ width:114px; height:114px; display:block;}

.prodetail_right{ position:relative;}
.prodetail_right{ float:right; width:850px; text-align:right; padding-top:50px;}
.prodetail_right img{ margin-right:50px;}
.prodetail_left ul li{ margin-top:10px; margin-bottom:10px;}
.prodetail_left ul li a:hover, .detail_now{border: 1px solid #888;
    display: block;}

.proxf_tit{ height:86px; display:block; width:100%; position:relative;}
.xftext{ position:absolute; width:500px; left:20px; top:40px; text-align:left;}
.xftext h1{float:left; width:40%; color:#d5e390; font-size:74px; height:74px; font-family: 'MyNewFont'; position:absolute; left:0px;}
.xftext h2{
	float: left;
    width: 55%;
    color: #4b4b4b;
    font-size: 35px;
    overflow: hidden;
    font-family: 'MyFont2'; margin-top:30px; position:absolute; left:40%;
	
	margin-top:20px\0;    /*ie8*/
+margin-top:20px;        /*ie7*/
_margin-top:20px;       /*ie6*/
	
	}
	
.xftext h3{    
color: #4b4b4b;
    font-size: 45px;
    font-family: Arial;
    margin-top: 20px; font-weight:bold;}
.xftext h4{ font-size:25px; display:block; margin-top:30px; font-family: 'MyNewFont'; color:#4b4b4b;}

.xftext span{font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    display: block;
	font-family:
	
	} 
.linktamll{ display: block;
    width: 136px;
    height: 61px;
    background: url(../images/tmall.png) no-repeat;
    right: 0%;
    position: absolute;
    top: 5%;}
	
	
		@font-face { 
font-family: 'MyNewFont'; 

src:url(../font/vagron-webfont.eot);; 

src: url('../font/vagron-webfont.eot?#iefix') format('embedded-opentype'), 

url('../font/vagron-webfont.woff') format('woff'), 

url('../font/VAGRON.TTF') format('truetype');

font-weight: normal; 

font-style: normal; 

} 

	
	
@font-face {
  font-family: 'MyNewFont';   /*字体名称*/
  src:url(../font/VAGRON.TTF);      /*字体源文件*/
}
@font-face {
  font-family: 'MyFont2';   /*字体名称*/
  src: url(../font/%E5%8D%8E%E6%96%87%E7%BB%86%E9%BB%91.TTF);    /*字体源文件*/

}

.bl_top:hover, .bl_top.on{background:url(../images/dl_top.png) no-repeat!important;}
.bl_mid:hover, .bl_mid.on{ background:#6f5da6;}
.bl_bottom:hover, .bl_bottom.on{background:url(../images/dl_bottom.png) no-repeat!important;}
.bl_bottom{ border-bottom:none!important;}
/*.pro_line{ display:block; width:100%; background:#888; height:3px;}
*/

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-智慧星/index" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/index/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.635Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>主页</title>
<link href="style/css/style.css" type="text/css" rel="stylesheet">
</head>
<script type="text/javascript" src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/jquery.SuperSlide.2.1.1.js"></script>
<body>

<!--导航部分-->
<div class="head ">
  <div class="top con"><img 1="" src="style/images/logo.png" width="371" height="82">
    <div class="top_right">
      <ul class="fr">
        <li>ENGLISHI/英文</li>
        <li><a href="#"><i class="top_wx">
          <p><img src="style/images/wxm.png"></p>
          </i></a></li>
        <li><a href="#"><i class="top_car"></i></a></li>
        <li style="position:relative;">
          <input type="text" value="搜索关键词" onblur="if (value ==''){value='搜索关键词'}" onclick="if(this.value=='搜索关键词'){this.value='';}">
          <a class="inputser"></a></li>
      </ul>
    </div>
  </div>
  <div class="nav " style="position:relative;" id="page-wrap">
    <ul class="con" id="nav">
      <li><a class="active" href="#">首页<em></em></a></li>
      <li class="pop"><a href="#">关于智慧星<em></em></a></li>
      <li class="pop"><a href="#">新闻动态<em></em></a></li>
      <li class="pop"><a href="#">产品中心<em></em></a></li>
      <li class="pop"><a href="#">加入我们<em></em></a></li>
      <li class="pop"><a href="#">服务中心<em></em></a> </li>
    </ul>
    <div id="nav-block">
      <ul id="subnav" style="display: none;">
      <li class="item pcsoft" style="width:900px;">
       
       
       <!--关于智慧星-->  <dl class="cate xfnav">
            <dd><a href="#">企业介绍<br>
              Company Profile</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">企业文化<br>
              The Enterprise Culture</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">发展历程<br>
              Development Path</a></dd>
              <i class="xf_line"></i>
              <dd><a href="#" class="active">品牌介绍<br>
              Brand Introduction</a></dd>
              <i class="xf_line"></i>
              <dd><a href="#" class="active">合作伙伴<br>
              Partner</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li><!--关于智慧星结束-->
      
       
       
        <!--新闻中心-->
        <li class="item pcsoft active" style="width:550px;">
          <dl class="cate xfnav">
            <dd><a href="#">企业资讯<br>
              Corporate Information</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">行业新闻<br>
             Industry News</a></dd>
            
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--新闻中心结束-->
       
        
       <!--产品中心-->
        <li class="item pcsoft active" style="width:700px;">
          <dl class="cate xfnav pronav_list">
            <dt><img src="style/images/little_logo.png"></dt>
             <dd>
             <h3>智慧星产品中心</h3>
             <ol id="sucai1">
             <li><a href="#" class="pro_cur"><i class="next"></i>品牌筹建当中</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             </ol></dd>
             <i class="xf_line"></i>
             <dt style="margin-left:25px;"><img src="style/images/letter.png"></dt>
            <dd style="width:320px;"><h3>A+B产品中心</h3>
            <ol class="ab" id="sucai">
             <li><a href="#" class="pro_cur"><i class="next"></i>画写板</a></li>
             <li><a href="#"><i class="next"></i> 助步车</a></li>
             <li><a href="#"><i class="next"></i>扭扭车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             <li><a href="#"><i class="next"></i>手推车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             <li><a href="#"><i class="next"></i>手推车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             </ol></dd>
            <div class="clear"></div>
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--产品中心结束-->
       
       <!--加入我们-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">人才战略<br>
              Talent Strategy</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">团队建设<br>
              Team building</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">岗位招聘<br>
              Post Recruitment</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--加入我们结束-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">售后服务<br>
              Service</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">联系我们<br>
              Contact Us</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">下载中心<br>
              Download Center</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
        
      </ul>
    </div>
  </div>
</div>
<!--导航部分结束--> 
<div class="banner-box">
	<div class="bd">
        <ul>          	    
            <li style="background:#F3E5D8;">
                <div class="m-width">
                <a href="javascript:void(0);" target="_blank" rel="external"><img src="style/images/01.jpg"></a>
                </div>
            </li>
            <li style="background:#B01415">
                <div class="m-width">
                <a href="javascript:void(0);" target="_blank" rel="external"><img src="style/images/02.jpg"></a>
                </div>
            </li>
            <li style="background:#C49803;">
                <div class="m-width">
                <a href="javascript:void(0);" target="_blank" rel="external"><img src="style/images/03.jpg"></a>
                </div>
            </li>
            <li style="background:#FDFDF5">
                <div class="m-width">
                <a href="javascript:void(0);" target="_blank" rel="external"><img src="style/images/04.jpg"></a>
                </div>
            </li>  
         
        </ul>
    </div>
    <div class="banner-btn">
        <a class="prev" href="javascript:void(0);" target="_blank" rel="external"></a>
        <a class="next" href="javascript:void(0);" target="_blank" rel="external"></a>
        <div class="hd"><ul></ul></div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){

	$(".prev,.next").hover(function(){
		$(this).stop(true,false).fadeTo("show",0.9);
	},function(){
		$(this).stop(true,false).fadeTo("show",0.4);
	});
	
	$(".banner-box").slide({
		titCell:".hd ul",
		mainCell:".bd ul",
		effect:"fold",
		interTime:3500,
		delayTime:500,
		autoPlay:true,
		autoPage:true, 
		trigger:"click" 
	});

});
</script>

<!--滚动条-->
<script type="text/javascript" src="sylte/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/jquery.nicescroll.js"></script>
<script type="text/javascript">
$("#sucai").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>
<script type="text/javascript">
$("#sucai1").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>
<!--导航JS--> 
<script type="text/javascript">(function ($) {
    
  

    /* 导航 */
    var enterTimer = null;
    var leaveTimer = null;
    var $subnav = $('#subnav');
    var $subnavitems = $subnav.find('.item');
    var $navpop = $('#nav .pop');

    $navpop.on('mouseenter', function (e) {
    	var $this = $(this),
    		index = $navpop.index($this);
        
        
    	clearTimeout(leaveTimer);
    	enterTimer = setTimeout(function  () {
    		if(!$subnav.is(':visible')){
	    		$subnav.slideDown('fast');
	    	}
	    	$this.addClass('on').siblings('.pop').removeClass('on');
	    	$subnavitems.removeClass('active').eq(index).addClass('active');
	    }, 100);
    }).on('mouseleave', function (e) {
    	var $this = $(this),
    		toElement = e.toElement;

    	//if(toElement == $subnav[0]) {
    	//	return;
    	//}
    	 clearTimeout(enterTimer);
    	 leaveTimer = setTimeout(function () {
	       	$subnav.slideUp('fast');
            $this.removeClass('on');
        }, 150);
    })
    $subnav.on('mouseenter', function (e) {
      clearTimeout(leaveTimer);
    }).on('mouseleave', function (e) {
      leaveTimer = setTimeout(function () {
          $subnav.slideUp('fast');
          $navpop.removeClass('on');
        }, 150);
    })
    
    /* 获取拦截数据 */

    //打点
    window.moniter&&moniter.setUrl('index.html').getTrack();
})(jQuery);
  
    


(jQuery);</script> <!--二级菜单JS--> 
<!--导航JS结束--> 
<!--底部-->
<footer>
  <div class="section section-5 clear">
    <div class="con">
      <div class="section-wrapper">
        <ul class="clearfix">
          <li>
            <dl>
              <dt>关于智慧星</dt>
              <dd><a href="#" target="_blank">公司简介</a> </dd>
              <dd><a href="#" target="_blank">企业文化</a></dd>
              <dd><a href="#" target="_blank">发展历程</a></dd>
              <dd><a href="#" target="_blank">品牌介绍</a></dd>
              <dd><a href="#" target="_blank">合作伙伴</a></dd>
            </dl>
</li>
          <li>
            <dl class="fo_yl">
              <dt>智慧家族</dt>
              <dd><a href="#" target="_blank"><i class="poin"></i>智慧星产品</a>
              <ul><li><a>-画写板</a></li><li><a>-助步车</a></li>
              <li><a>-扭扭车</a></li><li><a>-学步车</a></li>
              <li><a>-手推车</a></li><li><a>-脚踏车</a></li>
              <li><a>-坐便器</a></li><li><a>-行李箱</a></li>
              <li><a>-桌椅</a></li><li><a>-浴盆</a></li>
              <li><a>-婴童用品</a></li><li><a>-餐桌椅</a></li></ul>
              
              </dd>
              <dd><a href="#" target="_blank"><i class="poin"></i>A+B产品</a>
               <ul><li><a>-画写板</a></li><li><a>-助步车</a></li>
              <li><a>-扭扭车</a></li><li><a>-学步车</a></li>
              <li><a>-手推车</a></li><li><a>-脚踏车</a></li>
              <li><a>-坐便器</a></li><li><a>-行李箱</a></li>
              <li><a>-桌椅</a></li><li><a>-浴盆</a></li>
              <li><a>-婴童用品</a></li><li><a>-餐桌椅</a></li></ul>
              
              </dd>
            </dl>
</li>
          <li>
            <dl>
              <dt>服务中心</dt>
              <dd><a href="#" target="_blank">联系我们</a></dd>
              <dd><a href="#" target="_blank">在线留言</a></dd>
              <dd><a href="#" target="_blank">在线客服</a></dd>
              <dd><a href="#" target="_blank">售后服务</a></dd>
              <dd><a href="#" target="_blank"><font class="fl">下载中心</font><i class="fo_doicon"></i></a></dd>
            </dl>
            </li>
          <li>
            <dl>
              <dt>加入我们</dt>
              <dd><a href="#" target="_blank">人才战略</a></dd>
              <dd><a href="#" target="_blank">岗位招聘</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">加入热线：</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">+860579-85265555</a></dd>
            </dl>
            </li>
            <li>
            <dl>
              <dt>新闻动态</dt>
              <dd><a href="#" target="_blank">企业咨询</a></dd>
              <dd><a href="#" target="_blank">行业新闻</a></dd>
            </dl>
            </li>
          <li>
            <dl style="text-align:center;">
              <dt style="margin-left:20px;	"><img src="style/images/fo_logo.png" width="117" height="68"></dt>
              <dd><img src="style/images/fo_wx.png" width="105" height="105" alt="二维码"></dd>
              <dd style="color:#5e6263;	text-align:center;	line-height:18px;	margin-top:10px;	">扫二维码，关注智慧星玩具</dd>
            </dl>
          </li>
        </ul>
      </div>
      
      <span class="fo_copy">Copyright © 智慧星 版权所有 All Rights Reserved. 浙ICP备11013170号</span>
    </div>
  </div>
  
</footer>

<!--底部结束-->
</body>
</html>

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-智慧星/down" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/down/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.635Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>下载中心</title>
<link href="style/css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/tab.js"></script>
<script type="text/javascript" src="style/js/nav.js"></script>
</head>

<body>



<!--导航部分-->
<div class="head ">
  <div class="top con"><img 1="" src="style/images/logo.png" width="371" height="82">
    <div class="top_right">
      <ul class="fr">
        <li>ENGLISHI/英文</li>
        <li><a href="#"><i class="top_wx">
          <p><img src="style/images/wxm.png"></p>
          </i></a></li>
        <li><a href="#"><i class="top_car"></i></a></li>
        <li style="position:relative;">
          <input type="text" value="搜索关键词" onblur="if (value ==''){value='搜索关键词'}" onclick="if(this.value=='搜索关键词'){this.value='';}">
          <a class="inputser"></a></li>
      </ul>
    </div>
  </div>
  <div class="nav " style="position:relative;" id="page-wrap">
    <ul class="con" id="nav">
      <li><a href="#">首页</a><em></em></li>
      <li class="pop"><a href="#">关于智慧星</a><em></em></li>
      <li class="pop"><a href="#">新闻动态</a><em></em></li>
      <li class="pop"><a href="#">产品中心</a><em></em></li>
      <li class="pop"><a href="#">加入我们</a><em></em></li>
      <li class="pop"><a class="active" href="#">服务中心</a> </li>
    </ul>
    <div id="nav-block">
      <ul id="subnav" style="display: none;">
      <li class="item pcsoft" style="width:900px;">
       
       
       <!--关于智慧星-->  <dl class="cate xfnav">
            <dd><a href="#">企业介绍<br>
              Company Profile</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">企业文化<br>
              The Enterprise Culture</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">发展历程<br>
              Development Path</a></dd>
              <i class="xf_line"></i>
              <dd><a href="#" class="active">品牌介绍<br>
              Brand Introduction</a></dd>
              <i class="xf_line"></i>
              <dd><a href="#" class="active">合作伙伴<br>
              Partner</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li><!--关于智慧星结束-->
      
       
       
        <!--新闻中心-->
        <li class="item pcsoft active" style="width:550px;">
          <dl class="cate xfnav">
            <dd><a href="#">企业资讯<br>
              Corporate Information</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">行业新闻<br>
             Industry News</a></dd>
            
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--新闻中心结束-->
       
        
       <!--产品中心-->
        <li class="item pcsoft active" style="width:700px;">
          <dl class="cate xfnav pronav_list">
            <dt><img src="style/images/little_logo.png"></dt>
             <dd>
             <h3>智慧星产品中心</h3>
             <ol id="sucai1">
             <li><a href="#" class="pro_cur"><i class="next"></i>品牌筹建当中</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             </ol></dd>
             <i class="xf_line"></i>
             <dt style="margin-left:25px;"><img src="style/images/letter.png"></dt>
            <dd style="width:320px;"><h3>A+B产品中心</h3>
            <ol class="ab" id="sucai">
             <li><a href="#" class="pro_cur"><i class="next"></i>画写板</a></li>
             <li><a href="#"><i class="next"></i> 助步车</a></li>
             <li><a href="#"><i class="next"></i>扭扭车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             <li><a href="#"><i class="next"></i>手推车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             <li><a href="#"><i class="next"></i>手推车</a></li>
             <li><a href="#"><i class="next"></i>脚踏车</a></li>
             <li><a href="#"><i class="next"></i>学步车</a></li>
             </ol></dd>
            <div class="clear"></div>
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--产品中心结束-->
       
       <!--加入我们-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">人才战略<br>
              Talent Strategy</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">团队建设<br>
              Team building</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">岗位招聘<br>
              Post Recruitment</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
       <!--加入我们结束-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">售后服务<br>
              Service</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">联系我们<br>
              Contact Us</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">下载中心<br>
              Download Center</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
        
      </ul>
    </div>
  </div>
</div>
<!--导航部分结束--> 

<!--下载中心-->

<div class="fwbn"> <a href="#" style="background:url(style/images/fwbanner.png) no-repeat center;"></a> </div>
<div style="background:url(style/images/downbg.jpg) no-repeat;background-size:100%;">
<div class="con downcon">
<!--下载导航-->
<div class="downleft fl">
  <ul>
    <li class="bl_top"><a href="#"><span>售后服务</span></a></li>
    <li class="bl_mid"><a href="#"><span>联系我们</span></a></li>
     <li class="bl_mid"><a href="#"><span>联系我们</span></a></li>
      <li class="bl_mid"><a href="#"><span>联系我们</span></a></li>
    <li class="on bl_bottom"><a href="#"><span>下载中心</span><i class="leftnow"></i></a></li>
  </ul>
</div>
<!--下载导航结束-->

<div class="downright fr">
<div class="downtit"> <img src="style/images/down_tit.png">
  <div class="downser fr">
    <input type="text" value="搜索关键词" onblur="if (value ==''){value='搜索关键词'}" onclick="if(this.value=='搜索关键词'){this.value='';}">
    <a class="inputser"></a></div>
</div>

<!--下载内容-->
<div class="tab1" id="tab1">
<div class="menu">
  <ul>
    <li id="one1" onclick="setTab('one',1)" class="off">图片下载<i class="tab_hover"></i></li>
    <li id="one2" onclick="setTab('one',2)">画册下载<i class="tab_hover" style="left:35%;"></i></li>
    <li id="one3" onclick="setTab('one',3)">说明书下载<i class="tab_hover" style="left:60%;"></i></li>
    <li id="one4" onclick="setTab('one',4)">安装视频下载<i class="tab_hover" style="left:85%;"></i></li>
  </ul>
</div>
<div class="menudiv">
<!--图片下载-->
<div id="con_one_1">
<ul class="downlist">
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<ul class="downlist">
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
<ul class="downlist">
  <li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
  <li><a><i></i><font>助步车7661</font><span class="fr"></span></a></li>
</ul>
</ul></ul></div>
<!--图片下载结束--> 
<!--画册下载-->
<div id="con_one_2" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>学步车7661</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--画册下载结束--> 

<!--说明书片下载-->
<div id="con_one_3" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>脚踏车7661</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--说明书下载结束--> 

<!--安装视频下载-->
<div id="con_one_4" style="display:none;">
  <ul class="downlist">
    <li><a><i></i><font>行李箱</font><span class="fr"></span></a></li>
  </ul>
</div>
<!--安装视频下载结束--> 

<!--页码-->
<div class="page">
  <ul>
    <li><a class="last"></a><a>1</a><a class="cur">2</a><a>3</a><a>4</a><a>5</a><a>6</a><a class="next"></a></li>
  </ul>
</div>
<!--页码结束-->
</div>
</div>

<!--下载内容结束-->

</div>
<div class="clear"></div>
</div>
</div>
<!--下载中心结束--> 


<!--滚动条-->
<script type="text/javascript" src="sylte/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/jquery.nicescroll.js"></script>
<script type="text/javascript">
$("#sucai").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>
<script type="text/javascript">
$("#sucai1").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script>

<!--二级导航-->
<script type="text/javascript" src="style/js/nav.js"></script>

<!--底部-->
<footer>
  <div class="section section-5 clear">
    <div class="con">
      <div class="section-wrapper">
        <ul class="clearfix">
          <li>
            <dl>
              <dt>关于智慧星</dt>
              <dd><a href="#" target="_blank">公司简介</a> </dd>
              <dd><a href="#" target="_blank">企业文化</a></dd>
              <dd><a href="#" target="_blank">发展历程</a></dd>
              <dd><a href="#" target="_blank">品牌介绍</a></dd>
              <dd><a href="#" target="_blank">合作伙伴</a></dd>
            </dl>
          </li>
          <li>
            <dl class="fo_yl">
              <dt>智慧家族</dt>
              <dd><a href="#" target="_blank"><i class="poin"></i>智慧星产品</a>
                <ul>
                  <li><a>-画写板</a></li>
                  <li><a>-助步车</a></li>
                  <li><a>-扭扭车</a></li>
                  <li><a>-学步车</a></li>
                  <li><a>-手推车</a></li>
                  <li><a>-脚踏车</a></li>
                  <li><a>-坐便器</a></li>
                  <li><a>-行李箱</a></li>
                  <li><a>-桌椅</a></li>
                  <li><a>-浴盆</a></li>
                  <li><a>-婴童用品</a></li>
                  <li><a>-餐桌椅</a></li>
                </ul>
              </dd>
              <dd><a href="#" target="_blank"><i class="poin"></i>A+B产品</a>
                <ul>
                  <li><a>-画写板</a></li>
                  <li><a>-助步车</a></li>
                  <li><a>-扭扭车</a></li>
                  <li><a>-学步车</a></li>
                  <li><a>-手推车</a></li>
                  <li><a>-脚踏车</a></li>
                  <li><a>-坐便器</a></li>
                  <li><a>-行李箱</a></li>
                  <li><a>-桌椅</a></li>
                  <li><a>-浴盆</a></li>
                  <li><a>-婴童用品</a></li>
                  <li><a>-餐桌椅</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>服务中心</dt>
              <dd><a href="#" target="_blank">联系我们</a></dd>
              <dd><a href="#" target="_blank">在线留言</a></dd>
              <dd><a href="#" target="_blank">在线客服</a></dd>
              <dd><a href="#" target="_blank">售后服务</a></dd>
              <dd><a href="#" target="_blank"><font class="fl">下载中心</font><i class="fo_doicon"></i></a></dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>加入我们</dt>
              <dd><a href="#" target="_blank">人才战略</a></dd>
              <dd><a href="#" target="_blank">岗位招聘</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">加入热线：</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">+860579-85265555</a></dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>新闻动态</dt>
              <dd><a href="#" target="_blank">企业咨询</a></dd>
              <dd><a href="#" target="_blank">行业新闻</a></dd>
            </dl>
          </li>
          <li>
            <dl style="text-align:center;">
              <dt style="margin-left:20px;	"><img src="style/images/fo_logo.png" width="117" height="68"></dt>
              <dd><img src="style/images/fo_wx.png" width="105" height="105" alt="二维码"></dd>
              <dd style="color:#5e6263;	text-align:center;	line-height:18px;	margin-top:10px;	">扫二维码，关注智慧星玩具</dd>
            </dl>
          </li>
        </ul>
      </div>
      <span class="fo_copy">Copyright © 智慧星 版权所有 All Rights Reserved. 浙ICP备11013170号</span> </div>
  </div>
</footer>

<!--底部结束-->
</body>
</html>

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-智慧星/product" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/02/03/智慧星/product/" class="article-date">
  	<time datetime="2017-02-03T01:46:08.635Z" itemprop="datePublished">2017-02-03</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
    <div class="article-entry" itemprop="articleBody">
      
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>产品列表</title>
<link href="style/css/style.css" type="text/css" rel="stylesheet">
<link href="style/css/js.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/tab.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	  var blw=$("#myscrollbox li").width();
	  //获取单个子元素所需宽度
	  var liArr = $("#myscrollbox ul").children("li");
	  //获取子元素数量
	  var mysw = $("#myscroll").width();
	  //获取子元素所在区域宽度
	  var mus = parseInt(mysw/blw);
	  //计算出需要显示的子元素的数量
	  var length = liArr.length-mus;
	  //计算子元素可移动次数（被隐藏的子元素数量）
	  var i=0
	  $("#right").click(function(){
		  i++
		  //点击i加1
		  if(i<length){
		      $("#myscrollbox").css("left",-(blw*i));
			  //子元素集合向左移动，距离为子元素的宽度乘以i。
		  }else{
			  i=length;
			  $("#myscrollbox").css("left",-(blw*length));
			  //超出可移动范围后点击不再移动。最后几个隐藏的元素显示时i数值固定位已经移走的子元素数量。
	      }
      });
	  $("#left").click(function(){
		  i--
		  //点击i减1
		  if(i>=0){
		     $("#myscrollbox").css("left",-(blw*i));
			 //子元素集合向右移动，距离为子元素的宽度乘以i。
		  }else{
			 i=0;
			 $("#myscrollbox").css("left",0);
			 //超出可移动范围后点击不再移动。最前几个子元素被显示时i为0。
	      }
      });
});
</script>

</head>

<body>
<!--切换JS --> 

<!--切换JS结束--> 

<!--导航部分-->
<div class="head ">
  <div class="top con"><img 1="" src="style/images/logo.png" width="371" height="82">
    <div class="top_right">
      <ul class="fr">
        <li>ENGLISHI/英文</li>
        <li><a href="#"><i class="top_wx">
          <p><img src="style/images/wxm.png"></p>
          </i></a></li>
        <li><a href="#"><i class="top_car"></i></a></li>
        <li style="position:relative;">
          <input type="text" value="搜索关键词" onblur="if (value ==''){value='搜索关键词'}" onclick="if(this.value=='搜索关键词'){this.value='';}">
          <a class="inputser"></a></li>
      </ul>
    </div>
  </div>
  <div class="nav " style="position:relative;" id="page-wrap">
    <ul class="con" id="nav">
      <li><a class="active" href="#">首页<em></em></a></li>
      <li class="pop"><a href="#">关于智慧星<em></em></a></li>
      <li class="pop"><a href="#">新闻动态<em></em></a></li>
      <li class="pop"><a href="#">产品中心<em></em></a></li>
      <li class="pop"><a href="#">加入我们<em></em></a></li>
      <li class="pop"><a href="#">服务中心<em></em></a> </li>
    </ul>
    <div id="nav-block">
      <ul id="subnav" style="display: none;">
        <li class="item pcsoft" style="width:900px;"> 
          
          <!--关于智慧星-->
          <dl class="cate xfnav">
            <dd><a href="#">企业介绍<br>
              Company Profile</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">企业文化<br>
              The Enterprise Culture</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">发展历程<br>
              Development Path</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">品牌介绍<br>
              Brand Introduction</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">合作伙伴<br>
              Partner</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
        <!--关于智慧星结束--> 
        
        <!--新闻中心-->
        <li class="item pcsoft active" style="width:550px;">
          <dl class="cate xfnav">
            <dd><a href="#">企业资讯<br>
              Corporate Information</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">行业新闻<br>
              Industry News</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
        <!--新闻中心结束--> 
        
        <!--产品中心-->
        <li class="item pcsoft active" style="width:700px;">
          <dl class="cate xfnav pronav_list">
            <dt><img src="style/images/little_logo.png"></dt>
            <dd>
              <h3>智慧星产品中心</h3>
              <ol id="sucai1">
                <li><a href="#" class="pro_cur"><i class="next"></i>品牌筹建当中</a></li>
                <li><a href="#"><i class="next"></i>脚踏车</a></li>
                <li><a href="#"><i class="next"></i>脚踏车</a></li>
                <li><a href="#"><i class="next"></i>脚踏车</a></li>
              </ol>
            </dd>
            <i class="xf_line"></i>
            <dt style="margin-left:25px;"><img src="style/images/letter.png"></dt>
            <dd style="width:320px;">
              <h3>A+B产品中心</h3>
              <ol class="ab" id="sucai">
                <li><a href="#" class="pro_cur"><i class="next"></i>画写板</a></li>
                <li><a href="#"><i class="next"></i> 助步车</a></li>
                <li><a href="#"><i class="next"></i>扭扭车</a></li>
                <li><a href="#"><i class="next"></i>学步车</a></li>
                <li><a href="#"><i class="next"></i>手推车</a></li>
                <li><a href="#"><i class="next"></i>脚踏车</a></li>
                <li><a href="#"><i class="next"></i>学步车</a></li>
                <li><a href="#"><i class="next"></i>手推车</a></li>
                <li><a href="#"><i class="next"></i>脚踏车</a></li>
                <li><a href="#"><i class="next"></i>学步车</a></li>
              </ol>
            </dd>
            <div class="clear"></div>
          </dl>
          <div style="clear:both;"></div>
        </li>
        <!--产品中心结束--> 
        
        <!--加入我们-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">人才战略<br>
              Talent Strategy</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">团队建设<br>
              Team building</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">岗位招聘<br>
              Post Recruitment</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
        <!--加入我们结束-->
        <li class="item pcsoft active">
          <dl class="cate xfnav">
            <dd><a href="#">售后服务<br>
              Service</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#">联系我们<br>
              Contact Us</a></dd>
            <i class="xf_line"></i>
            <dd><a href="#" class="active">下载中心<br>
              Download Center</a></dd>
          </dl>
          <div style="clear:both;"></div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--导航部分结束-->

<div style="background:url(style/images/probg.jpg) no-repeat;background-size:100% 100%">
  <div class="fwbn"> <a href="#" style="background:url(style/images/proban.jpg) no-repeat center;"></a> </div>
  <div class="pronav">
    <div class="con">
      <ul>
        <li><a>首页 <img src="style/images/letter.png"></a></li>
        <i class="pronav_line"></i>
        <li><a class="navnow">餐桌椅系列 </a></li>
        <i class="pronav_line"></i>
      </ul>
    </div>
  </div>
  <div class="con" style="width:1272px; background:#fff;"> 


    
    <div class="protab" id="tab1">
        <div id="mybtns">
    <a href="javascript:;" id="right" target="_blank" rel="external"></a><a href="javascript:;" id="left" target="_blank" rel="external"></a>  </div>
      <div id="myscroll">
		<div class="protab_menu" id="myscrollbox">
			<ul>
				<li id="one1" onclick="setTab('one',1)" class="off"><img src="style/images/pro/pro1.png"><font>NO.501</font><i></i></li>
				<li id="one2" onclick="setTab('one',2)"><img src="style/images/pro/pro2.png"><font>NO.503</font><i></i></li>
				<li id="one3" onclick="setTab('one',3)"><img src="style/images/pro/pro3.png"><font>NO.1819</font><i></i></li>
				<li id="one4" onclick="setTab('one',4)"><img src="style/images/pro/pro2.png"><font>NO.501</font><i></i></li>
				<li id="one5" onclick="setTab('one',5)"><img src="style/images/pro/pro1.png"><font>NO.503</font><i></i></li>
				<li id="one6" onclick="setTab('one',6)"><img src="style/images/pro/pro2.png"><font>NO.1819</font><i></i></li>
				<li id="one7" onclick="setTab('one',7)"><img src="style/images/pro/pro3.png"><font>NO.501</font><i></i></li>
				<li id="one8" onclick="setTab('one',8)"><img src="style/images/pro/pro1.png"><font>NO.501</font><i></i></li>
                <li id="one4" onclick="setTab('one',4)"><img src="style/images/pro/pro2.png"><font>NO.501</font><i></i></li>
				<li id="one5" onclick="setTab('one',5)"><img src="style/images/pro/pro1.png"><font>NO.503</font><i></i></li>
				<li id="one6" onclick="setTab('one',6)"><img src="style/images/pro/pro2.png"><font>NO.1819</font><i></i></li>
				<li id="one7" onclick="setTab('one',7)"><img src="style/images/pro/pro3.png"><font>NO.501</font><i></i></li>
				<li id="one8" onclick="setTab('one',8)"><img src="style/images/pro/pro1.png"><font>NO.501</font><i></i></li>
			</ul>
            <em class="pro_line"></em>
		</div>
	</div>
      <div class="protab_menudiv"> 
        
        <!--第一个产品-->
        <div id="con_one_1"> 
          <!--产品详细左-->
          <div class="prodetail_left">
            <ul>
              <li><a><img src="style/images/pro/pro1.png"></a></li>
              <li><a><img src="style/images/pro/pro1_02.png"></a></li>
              <li><a><img src="style/images/pro/pro1_03.png"></a></li>
              <li><a><img src="style/images/pro/pro1_04.png"></a></li>
            </ul>
          </div>
          <!--产品详细左结束--> 
          
          <!--产品详细右-->
          <div class="prodetail_right">
            <div class="xftext">
              <div class="proxf_tit"><h1>BABY</h1> <h2>餐桌椅系列</h2></div>
              <h3>Dinning Chair</h3>
              <h4>NO.501</h4>
              <span>Product Size<br>
              产品尺寸:<font> 65×41×57cm</font><br>
              Outer Ctn Size<br>
              外箱尺寸:<font> 46×30.5×46cm</font><br>
              Pack(Pcs/Ctn)<br>
              装箱数:<font> 1Pcs/Ctn</font><br>
              Box G.W/N.W<br>
              整箱毛/净重:<font> 4.3Kg/3.3Kg</font></span> </div>
            <a class="linktamll"></a>
            <div>
              <div class="mod" style="display:block"><img src="style/images/pro/pro1.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_02.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_03.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_04.png"></div>
            </div>
          </div>
          <!--产品详细右结束--> 
          
        </div>
        <!--第一个产品结束-->
        
        
        <!--第二个产品-->
        <div id="con_one_2" style="display:none;">JS代码,导航菜单</div> <!--第二个产品结束-->
        
         <!--第三个产品-->
        <div id="con_one_3" style="display:none;"><!--产品详细左-->
          <div class="prodetail_left">
            <ul>
              <li><a><img src="style/images/pro/pro1.png"></a></li>
              <li><a><img src="style/images/pro/pro1_02.png"></a></li>
              <li><a><img src="style/images/pro/pro1_03.png"></a></li>
              <li><a><img src="style/images/pro/pro1_04.png"></a></li>
            </ul>
          </div>
          <!--产品详细左结束--> 
          
          <!--产品详细右-->
          <div class="prodetail_right">
            <div class="xftext">
              <h1>BABY</h1>
              <h2>餐桌椅系列</h2>
              <h3>Dinning Chair</h3>
              <h4>NO.501</h4>
              <span>Product Size<br>
              产品尺寸:<font> 65×41×57cm</font><br>
              Outer Ctn Size<br>
              外箱尺寸:<font> 46×30.5×46cm</font><br>
              Pack(Pcs/Ctn)<br>
              装箱数:<font> 1Pcs/Ctn</font><br>
              Box G.W/N.W<br>
              整箱毛/净重:<font> 4.3Kg/3.3Kg</font></span> </div>
            <a class="linktamll" href="#"></a>
            <div>
              <div class="mod" style="display:block"><img src="style/images/pro/pro1.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_02.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_03.png"></div>
              <div class="mod" style="display:none"><img src="style/images/pro/pro1_04.png"></div>
            </div>
          </div>
          <!--产品详细右结束--></div>  <!--第三个产品结束-->
          
           <!--第四个产品-->
        <div id="con_one_4" style="display:none;">我的网站我做主</div> <!--第四个产品结束-->
        
          <!--第四个产品-->
        <div id="con_one_5" style="display:none;">sdfsdf </div> <!--第四个产品结束-->
      </div>
      
      <div class="clear"></div>
    </div>
  </div>
</div>



<!--滚动条--> 
<script type="text/javascript" src="sylte/js/jquery.min.js"></script> 
<script type="text/javascript" src="style/js/jquery.nicescroll.js"></script> 
<script type="text/javascript">
$("#sucai").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script> 
<script type="text/javascript">
$("#sucai1").niceScroll({  
	cursorcolor:"#818080",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
}); 
</script> 
<!--导航JS--> 
<!--二级导航--> 
<script type="text/javascript" src="style/js/nav.js"></script> 
<!--导航JS结束--> 
<!--底部-->
<footer>
  <div class="section section-5 clear">
    <div class="con">
      <div class="section-wrapper">
        <ul class="clearfix">
          <li>
            <dl>
              <dt>关于智慧星</dt>
              <dd><a href="#" target="_blank">公司简介</a> </dd>
              <dd><a href="#" target="_blank">企业文化</a></dd>
              <dd><a href="#" target="_blank">发展历程</a></dd>
              <dd><a href="#" target="_blank">品牌介绍</a></dd>
              <dd><a href="#" target="_blank">合作伙伴</a></dd>
            </dl>
          </li>
          <li>
            <dl class="fo_yl">
              <dt>智慧家族</dt>
              <dd><a href="#" target="_blank"><i class="poin"></i>智慧星产品</a>
                <ul>
                  <li><a>-画写板</a></li>
                  <li><a>-助步车</a></li>
                  <li><a>-扭扭车</a></li>
                  <li><a>-学步车</a></li>
                  <li><a>-手推车</a></li>
                  <li><a>-脚踏车</a></li>
                  <li><a>-坐便器</a></li>
                  <li><a>-行李箱</a></li>
                  <li><a>-桌椅</a></li>
                  <li><a>-浴盆</a></li>
                  <li><a>-婴童用品</a></li>
                  <li><a>-餐桌椅</a></li>
                </ul>
              </dd>
              <dd><a href="#" target="_blank"><i class="poin"></i>A+B产品</a>
                <ul>
                  <li><a>-画写板</a></li>
                  <li><a>-助步车</a></li>
                  <li><a>-扭扭车</a></li>
                  <li><a>-学步车</a></li>
                  <li><a>-手推车</a></li>
                  <li><a>-脚踏车</a></li>
                  <li><a>-坐便器</a></li>
                  <li><a>-行李箱</a></li>
                  <li><a>-桌椅</a></li>
                  <li><a>-浴盆</a></li>
                  <li><a>-婴童用品</a></li>
                  <li><a>-餐桌椅</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>服务中心</dt>
              <dd><a href="#" target="_blank">联系我们</a></dd>
              <dd><a href="#" target="_blank">在线留言</a></dd>
              <dd><a href="#" target="_blank">在线客服</a></dd>
              <dd><a href="#" target="_blank">售后服务</a></dd>
              <dd><a href="#" target="_blank"><font class="fl">下载中心</font><i class="fo_doicon"></i></a></dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>加入我们</dt>
              <dd><a href="#" target="_blank">人才战略</a></dd>
              <dd><a href="#" target="_blank">岗位招聘</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">加入热线：</a></dd>
              <dd><a href="#" target="_blank" style="font-weight:bold;">+860579-85265555</a></dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>新闻动态</dt>
              <dd><a href="#" target="_blank">企业咨询</a></dd>
              <dd><a href="#" target="_blank">行业新闻</a></dd>
            </dl>
          </li>
          <li>
            <dl style="text-align:center;">
              <dt style="margin-left:20px;	"><img src="style/images/fo_logo.png" width="117" height="68"></dt>
              <dd><img src="style/images/fo_wx.png" width="105" height="105" alt="二维码"></dd>
              <dd style="color:#5e6263;	text-align:center;	line-height:18px;	margin-top:10px;	">扫二维码，关注智慧星玩具</dd>
            </dl>
          </li>
        </ul>
      </div>
      <span class="fo_copy">Copyright © 智慧星 版权所有 All Rights Reserved. 浙ICP备11013170号</span> </div>
  </div>
</footer>

<!--底部结束-->
</body>
</html>

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
    <article id="post-hello-world" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/01/22/hello-world/" class="article-date">
  	<time datetime="2017-01-22T11:44:13.115Z" itemprop="datePublished">2017-01-22</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/01/22/hello-world/">
        Hello World
        
      </a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>

      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
      <div class="clearfix"></div>
    </div>
      
    
  </div>
  
</article>







  
  
    <nav id="page-nav">
      <a class="extend prev" rel="prev" href="/">&laquo; Prev</a><a class="page-number" href="/">1</a><span class="page-number current">2</span>
    </nav>
  
</div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info">
      <div class="footer-left">
        &copy; 2017 周迪
      </div>
        <div class="footer-right">
          <a href="http://hexo.io/" target="_blank">Hexo</a>  Theme <a href="https://github.com/smackgg/hexo-theme-smackdown" target="_blank">Smackdown</a>
        </div>
    </div>
  </div>
</footer>
    </div>
    
  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">


<script>
	var yiliaConfig = {
		fancybox: true,
		mathjax: true,
		animate: true,
		isHome: true,
		isPost: false,
		isArchive: false,
		isTag: false,
		isCategory: false,
		open_in_new: false
	}
</script>
<script src="/js/main.js"></script>



<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    }
});

MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for(i=0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';                 
    }       
});
</script>

<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js"></script>


  </div>
</body>
</html>